<div class="ui tab" data-tab="taxonomy">
    <h3 class="ui dividing header">{{ 'sylius.ui.taxonomy'|trans }}</h3>
    {{ form_row(form.mainTaxon) }}

    <h4>{{ 'sylius.ui.product_taxon'|trans }}</h4>
    <div id="sylius-product-taxonomy-tree"
         data-taxon-root-nodes-url="{{ path('sylius_admin_ajax_taxon_root_nodes') }}"
         data-taxon-leafs-url="{{ path('sylius_admin_ajax_taxon_leafs') }}"
    >
        {{ form_widget(form.productTaxons) }}
        <div class="ui inverted dimmer">
            <div class="ui loader"></div>
        </div>
    </div>

    {{ sonata_block_render_event('sylius.admin.product.' ~ action ~ '.tab_taxonomy', {'form': form}) }}
</div>
